function Tab(selector) {
    this.ele = document.querySelector(selector)   //哪个大盒子 
    this.btns = this.ele.querySelectorAll('ul > li');  // 大盒子的按钮
    this.boxes = this.ele.querySelectorAll('ol > li');  // 大盒子里边所有的小盒子
    this.init(); // 实例化对象后自动调用自己的方法 
}



Tab.prototype.init = function(){
    for(let i=0;i<this.btns.length;i++){
        this.btns[i].addEventListener('click',()=>{
            for(let j=0;j<this.btns.length;j++){
                this.btns[j].classList.remove('active');
                this.boxes[j].classList.remove('active');

            }
                this.btns[i].classList.add('active');
                this.boxes[i].classList.add('active');
        });
    }
}
